// 引入变量和全局样式
@use "var.scss" as *;
@use "global.scss" as *;
.content {
    background-color: $color-white;
    border-radius: $border-radius-articlelist;
    padding-top: 4rem; // 使用相对单位rem
    width: 100%;
    float: left;
    min-height: 38.25rem; // 使用相对单位rem
    .title {
        text-align: center;
        > hr {
            border: none;
            height: 0.1rem;
            background: #ccc;
            background-image: linear-gradient(
                to right,
                skyblue,
                #c9ba9b,
                #cda0c7
            );
            margin: 1.25rem;
        }
    }
}

// .article-item {
//   @include layout;
//   white-space: nowrap;
//   overflow: hidden;
//   text-overflow: ellipsis;
//   .item-index {
//     width: 5%;
//   }
//   .item-title {
//     width: 30%;
//   }
//   .item-name {
//     width: 25%;
//   }
//   .item-intro {
//     width: 40%;
//   }
// }
.markdown-body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    padding: 0 5%;
}

.tracking-in-expand {
    -webkit-animation: tracking-in-expand 0.7s
        cubic-bezier(0.215, 0.61, 0.355, 1) both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

@-webkit-keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

@keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

.day-mode .content {
    background-color: #fff;
    color: #21252b;
}

.night-mode .content {
    background-color: #21252b;
    color: #ffffff;
}

.night-mode {
    .custom-editor {
        background-color: #21252b !important;
        color: #ffffff;
        ::v-deep .v-show-content {
            background-color: #3b4550 !important;
            color: #ffffff;
        }
        ::v-deep pre {
            background-color: #3e4958 !important;
            color: #ffffff;
        }
    }
}
